<template>
  <div class="position-wrapper">
    <Search @clickShowDialog="showDialogHandle"></Search>
    <Area ref="showDialog"></Area>
    <Detail></Detail>
  </div>
</template>

<script>
import Search from './components/search'
import Area from './components/area'
import Detail from './components/detail'
export default {
  name: 'LPosition',
  components: {
    Search,
    Area,
    Detail,
  },
  methods: {
    showDialogHandle() {
      this.$refs.showDialog.showDialog()
    },
  },
}
</script>

<style>
.position-wrapper {
  background-color: #fff;
  padding-top: 24px;
}
.w {
  width: 1184px;
  margin: 0 auto;
}
</style>
